﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<html>
<head id="Head1" runat="server">
    <title>center</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}
</style>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        .hovers
        {
            left: 0;
            display: block;
            width: 7px;
            height: 71px;
            background: url(<%=Page.ResolveUrl("../../Content/images/left_icon.GIF")%>);
        }
        .hovers:hover
        {
            background: url(<%=Page.ResolveUrl("../../Content/images/left_hover_icon.GIF")%>);
        }
        .hovers_R
        {
            left: 0;
            display: block;
            width: 7px;
            height: 71px;  
            background: url(<%=Page.ResolveUrl("../../Content/images/main/right_icon.GIF")%>);
        }
        .hovers_R:hover
        {              
            background: url(<%=Page.ResolveUrl("../../Content/images/main/right_hover_icon.GIF")%>);
        }
        
        .tdDisplay
        {
        	display:none;
        }
    </style>
    <script type="text/javascript">
        function move() {

            var obj = $("#aBar");
            if (obj.attr("class") == 'hovers') {
                $("#left").addClass("tdDisplay");
                obj.addClass("hovers_R");
                obj.removeClass("hovers");

            }
            else {
                $("#left").removeClass("tdDisplay");
                obj.addClass("hovers");
                obj.removeClass("hovers_R");
            }
        }
    </script>
</head>

<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="201" id="left" valign="top"><iframe height="100%" width="100%" border="0" frameborder="0" src="left" name="leftFrame" id="leftFrame" title="leftFrame"></iframe></td>
    <td width="7" style="border-left:solid 1px #a7a7a7;border-right:solid 1px #a7a7a7; vertical-align:middle;" bgcolor="#E0EAF5"><a class="hovers" id="aBar" href="#" onclick="move()"></a></td>
    <td valign="top">
    <iframe height="100%" width="100%" border="0" frameborder="0" src="/Auth/Index" name="rightFrame" id="rightFrame" title="rightFrame"></iframe></td>
  </tr>
</table>
</body>
</html>
